<template>
  <div class="tit"  style="width: 100%">
    <el-row type="flex" justify="space-between"  style="width: 100%">
      <el-col class="left"> <i class="el-icon-s-shop"></i>{{ item.label }}</el-col>
      <el-col class="right">
        <div style="text-align: right">
          <span class="span">负责人</span>
          <el-dropdown>
            <span class="el-dropdown-link">
              操作<i class="el-icon-arrow-down el-icon--right"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item>添加</el-dropdown-item>
              <el-dropdown-item v-if="!istop">编辑</el-dropdown-item>
              <el-dropdown-item v-if="!istop">删除</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  //item 显示左侧内容
  //istop 是否是公司部门
  props:['item','istop'],
  data() {
    return {
    };
  },
};
</script>


<style lang='scss'>
.left {
  font-weight: 700;
  font-size: 15px;
}
.right {
  font-style: 15px;
  .span {
    margin-right: 20px;
  }
}
</style>